<template>
    <div>
        <x-radio @change="radioChange" v-model="sex" label="男" />
        <x-radio :disabled="true" v-model="sex" label="1">女</x-radio>
        <x-radio v-model="sex" label="2"></x-radio>
        {{sex}}
        <x-radio-group v-model="age" :disabled="true">
            <x-radio :label="1" />
            <x-radio :label="2" />
        </x-radio-group>
        <x-radio-group @change="radioGroupChange" v-model="age">
            <x-radio :label="1" />
            <x-radio :label="2" />
        </x-radio-group>
        {{age}}
    </div>
</template>
<script>
    export default {
        data() {
            return {
                age: 1,
                sex: "男",
            }
        },
        methods: {

            radioChange(v) {
                console.log("radio---", v);
            },
            radioGroupChange(v) {
                console.log("radioGroup---", v);
            }
        }
    }

</script>